<!DOCTYPE html>

<head>
    <title>影视剧_影人_影院-猫眼电影</title>

    <link rel="dns-prefetch" href="//p0.meituan.net"/>
    <link rel="dns-prefetch" href="//p1.meituan.net"/>
    <link rel="dns-prefetch" href="//ms0.meituan.net"/>
    <link rel="dns-prefetch" href="//s0.meituan.net"/>
    <link rel="dns-prefetch" href="//ms1.meituan.net"/>
    <link rel="dns-prefetch" href="//analytics.meituan.com"/>
    <link rel="dns-prefetch" href="//report.meituan.com"/>
    <link rel="dns-prefetch" href="//frep.meituan.com"/>


    <meta charset="utf-8">
    <meta name="keywords" content="影视剧，影人，影院">
    <meta name="description" content="猫眼电影当前页为搜索页，希望以下内容是您所需要的，更多影视登录猫眼电影官网。">
    <meta http-equiv="cleartype" content="yes"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="renderer" content="webkit"/>

    <meta name="HandheldFriendly" content="true"/>
    <meta name="format-detection" content="email=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <script>"use strict";
    !function () {
        var i = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : "_Owl_", n = window;
        n[i] || (n[i] = {
            isRunning: !1, isReady: !1, preTasks: [], dataSet: [], use: function (i, t) {
                this.isReady && n.Owl && n.Owl[i](t), this.preTasks.push({api: i, data: [t]})
            }, add: function (i) {
                this.dataSet.push(i)
            }, run: function () {
                var t = this;
                if (!this.isRunning) {
                    this.isRunning = !0;
                    var i = n.onerror;
                    n.onerror = function () {
                        this.isReady || this.add({type: "jsError", data: arguments}), i && i.apply(n, arguments)
                    }.bind(this), (n.addEventListener || n.attachEvent)("error", function (i) {
                        t.isReady || t.add({type: "resError", data: [i]})
                    }, !0)
                }
            }
        }, n[i].run())
    }();</script>
    <script>
        cid = "c_84vv9qa";
        ci = 99;
        window.system = {};

        window.openPlatform = '';
        window.openPlatformSub = '';
        window.$mtsiFlag = '0';
        window.NODE_ENV = 'production';

    </script>
    <link rel="stylesheet"
          href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/common.6b1d782c.css"/>
    <link rel="stylesheet"
          href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/query-index.1928f8a5.css"/>
    <script crossorigin="anonymous"
            src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/stat.88d57c80.js"></script>
    <script>if (window.devicePixelRatio >= 2) {
        document.write('<link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/image-2x.8ba7074d.css"/>')
    }</script>
    <style>
        @font-face {
            font-family: stonefont;
            src: url('//vfile.meituan.net/colorstone/5dad44adfbf7f7ae388b36613d7b6e763420.eot');
            src: url('//vfile.meituan.net/colorstone/5dad44adfbf7f7ae388b36613d7b6e763420.eot?#iefix') format('embedded-opentype'),
            url('//vfile.meituan.net/colorstone/59a344a2d05a70c2774c28cf75aefcce2288.woff') format('woff');
        }

        .stonefont {
            font-family: stonefont;
        }
    </style>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?703e94591e87be68cc8da0da7cbd0be2";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>


<div class="header">
    <div class="header-inner">
        <a href="" class="logo" data-act="icon-click">猫眼电影</a>
        <div class="city-container" data-val="{currentcityid:99 }">
            <div class="city-selected">
                <div class="city-name">
                    南宁
                    <span class="caret"></span>
                </div>
            </div>
            <div class="city-list" data-val="{ localcityid: 99 }">
                <div class="city-list-header">定位城市：<a class="js-geo-city" data-ci="99">南宁</a></div>

            </div>
        </div>


        <div class="nav">
            <ul class="navbar">
                <li><a href="" data-act="home-click">首页</a></li>
                <li><a href="" data-act="movies-click">电影</a></li>
                <li><a href="" data-act="cinemas-click">影院</a></li>
                <li><a href="">演出</a></li>

                <li><a href="" data-act="board-click">榜单</a></li>
                <li><a href="" data-act="hotNews-click">热点</a></li>
                <li><a href="">商城</a></li>
            </ul>
        </div>

        <div class="user-info">
            <div class="user-avatar J-login">
                <img src="/img/use_p.png">
                <span class="caret"></span>
                <ul class="user-menu no-login-menu">
                    <li><a href="">登录</a></li>
                </ul>
            </div>
        </div>

        <form action="/query" target="_blank" class="search-form" data-actform="search-click">
            <input name="kw" class="search" type="search" maxlength="32" placeholder="找影视剧、影人、影院" autocomplete="off">
            <input class="submit" type="submit" value="">
        </form>

        <div class="app-download">
            <a href="" target="_blank">
                <span class="iphone-icon"></span>
                <span class="apptext">APP下载</span>
                <span class="caret"></span>
                <div class="download-icon">
                    <p class="down-title">扫码下载APP</p>
                    <p class='down-content'>选座更优惠</p>
                </div>
            </a>
        </div>

    </div>
</div>
<div class="header-placeholder"></div>

<div class="search-box">
    <form data-state-val="{kw:''}" class="search-form" data-actform="query-search-click">
        <!--<input class="kw" type="text" name="kw" maxlength="32" value="" placeholder="找影视剧、影人、影院" autocomplete="off">-->
        <button class="submit" type="submit"></button>
    </form>
</div>
<div class="subnav">
    <ul class="navbar">
        <li>
            <a class="nav-link active" data-toggle="pill"
              href="#menu0"  @click="change()"
            >影视剧（0）</a>
        </li>
        <li>
            <a class="nav-link" data-toggle="pill" href="#menu1"
                @click="change()"
            >影人（0）</a>
        </li>
        <li>
            <a class="nav-link" data-toggle="pill" href="#menu2"
                @click="change()"
            >影院（0）</a>
        </li>
    </ul>
</div>


<div class="tab-content" id="app" >
    <!--影视剧-->
    <div id="menu0" class="container tab-pane fade"><br>
        <div   class="search-result-box">
        <dl class="movie-list">
            <dd >

                <div class="movie-item film-channel">
                    <a href="/films/1316912" target="_blank" data-act="movie-click" data-val="{movieid:1316912}">
                        <div class="movie-poster">
                            <img class="poster-default" src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/image/loading_2.e3d934bf.png" />
                            <img data-src="https://p0.meituan.net/moviemachine/37aacb558c9f75bbabec6172aa07a05b4038354.jpg@160w_220h_1e_1c" alt="繁花(剧版)海报封面" />
                        </div>
                    </a>

                    <div class="movie-ver"></div>
                    <div class="movie-item-hover">
                        <a href="/films/1316912" target="_blank" data-act="movie-click" data-val="{movieid:1316912}">
                            <img class="movie-hover-img" src="https://p0.meituan.net/moviemachine/37aacb558c9f75bbabec6172aa07a05b4038354.jpg@218w_300h_1e_1c" alt="繁花(剧版)" />
                            <div class="movie-hover-info">
                                <div class="movie-hover-title" title="繁花(剧版)">
                                    <span class="name noscore">繁花(剧版)</span>
                                </div>
                                <div class="movie-hover-title" title="繁花(剧版)">
                                    <span class="hover-tag">类型:</span> 电视剧／剧情／爱情
                                </div>
                                <div class="movie-hover-title" title="繁花(剧版)">
                                    <span class="hover-tag">主演:</span> 胡歌／唐嫣／郑恺
                                </div>
                                <div class="movie-hover-title movie-hover-brief" title="繁花(剧版)">
                                    <span class="hover-tag">上映时间:</span> 2021
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="channel-detail movie-item-title" title="繁花(剧版)">
                    <a href="/films/1316912" target="_blank" data-act="movies-click" data-val="{movieId:1316912}">繁花(剧版)</a>
                </div>
                <div class="movie-item-subtitle"></div>
                <div class="absolute-info">
                    <div class="channel-detail channel-detail-orange"><span class="stonefont">&#xe925;&#xf032;&#xef0b;</span>人想看</div>

                    <div class="movie-item-cat">电视剧,剧情,爱情</div>
                    <div class="movie-item-pub">2021中国大陆开播</div>
                </div>


        </dl>


        <!--分页导航-->
        <div class="pager">

            <ul class="list-pager">

                <li class="active">
                    <a class="page_1" href="javascript:void(0);" style="cursor: default">1</a>

                </li>
                <li>
                    <a class="page_2" href="?kw=%E8%83%A1%E6%AD%8C&amp;type=0&amp;offset=20">2</a>

                </li>
                <li>
                    <a class="page_3" href="?kw=%E8%83%A1%E6%AD%8C&amp;type=0&amp;offset=40">3</a>

                </li>
                <li>
                    <a class="page_4" href="?kw=%E8%83%A1%E6%AD%8C&amp;type=0&amp;offset=60">4</a>

                </li>
                <li>
                    <a class="page_5" href="?kw=%E8%83%A1%E6%AD%8C&amp;type=0&amp;offset=80">5</a>

                </li>
                <li>
                    <a class="page_6" href="?kw=%E8%83%A1%E6%AD%8C&amp;type=0&amp;offset=100">6</a>

                </li>
                <li>
                    <a class="page_7" href="?kw=%E8%83%A1%E6%AD%8C&amp;type=0&amp;offset=120">7</a>

                </li>

                <li>
                    <a class="page_2" href="?kw=%E8%83%A1%E6%AD%8C&amp;type=0&amp;offset=20">下一页</a>
                </li>
            </ul>

        </div>
    </div>
    </div>
    <!--影人-->
    <div id="menu1" class="container tab-pane fade"><br>
        <div   class="search-result-box">
        <ul class="celebrity-list">
            <li>
                <div class="item-poster">
                    <a href="/films/celebrity/6714" target="_blank" data-act="celebrity-click" data-val="{celebrityId:6714}">
                        <div class="poster">
                            <img src="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/image/loading_2.e3d934bf.png" class="poster-default">
                            <img src="https://p0.meituan.net/movie/1c5048e47c7894c91118db71fcab81b633979.jpg@160w_220h_1e_1c" alt="胡歌">
                        </div>
                    </a>
                </div>
                <div class="item-title">
                    <a href="/films/celebrity/6714" target="_blank" data-act="celebrity-click" data-val="{celebrityId:6714}">胡歌</a>
                </div>
                <div class="item-subtitle">Ge Hu</div>
                <div class="absolute-info">
                    <div class="item-detail item-detail-orange"><b><span class="stonefont">&#xf124;&#xef16;&#xf3e8;&#xe8c0;</span></b>人关注</div>
                    <div class="item-detail item-detail-two-line line-clamp">代表作：《琅琊榜》 《仙剑奇侠传》</div>
                </div>
            </li>
        </ul>

        <!--分页-->
        <div class="pager">

            <ul class="list-pager">

                <li class="active">
                    <a class="page_1" href="javascript:void(0);" style="cursor: default">1</a>

                </li>
                <li>
                    <a class="page_2" href="?kw=%E8%83%A1%E6%AD%8C&amp;offset=20">2</a>

                </li>
                <li>
                    <a class="page_3" href="?kw=%E8%83%A1%E6%AD%8C&amp;offset=40">3</a>

                </li>

                <li>
                    <a class="page_2" href="?kw=%E8%83%A1%E6%AD%8C&amp;offset=20">下一页</a>
                </li>
            </ul>

        </div>
    </div>
    </div>
    <!--影院-->
    <div id="menu2" class="container tab-pane fade"><br>
        <div  class="search-result-box">
            <ul class="cinema-list">
                <li>
                    <div class="item-price">
                        <b><span class="stonefont">&#xe4fb;&#xe031;.&#xf314;</span></b>元起
                    </div>
                    <div class="item-title">
                        <a href="/cinema/35983?poi=1921709752" target="_blank" data-act="cinema-click" data-val="{cinemaId:35983}">万达影城（临桂万达广场IMAX店）</a>
                    </div>
                    <div class="item-detail item-detail-gray">临桂区临桂镇西城大道西侧临桂万达广场3F层</div>
                    <div class="item-detail item-detail-icons">
                        <i class="icon-zuo">座</i>
                    </div>
                </li>

            </ul>
            <div class="pager">

            </div>
        </div>
    </div>
</div>

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <!--引入axios框架-->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!--引入Vue框架-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script>
        //在页面加载完毕时，获取电影信息
        // let v = new Vue({
        //     el: "#app",
        //     data: {
        //         isShow1: true,
        //         isShow2: true,
        //         isShow3: false
        //     },
        //     created: function() {
        //         //发请求获取电影信息
        //         // axios.get("/mydysingle/dlMovieInfo").then(function(response) {
        //         //     v.movies_arr = response.data; //把查询到的电影信息给到Vue的变量
        //         // })
        //     },
        //     methods:{
        //         change:function () {
        //             var num = 2;
        //             alert(num)
        //             if (num==1){
        //                 v.isShow1=true;
        //                 v.isShow2= false;
        //                 v.isShow3= false;
        //             }
        //             if (num==2){
        //                 v.isShow1=false;
        //                 v.isShow2= true;
        //                 v.isShow3= false;
        //             }
        //             if (num==3){
        //                 v.isShow1=false;
        //                 v.isShow2= false;
        //                 v.isShow3= true;
        //             }
        //         }
        //
        //
        //     }
        //
        // })


    </script>


</body>
</html>
